<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>
	<body>
	<!--预备定义一钟设备的文件，做完后 在考虑另外的其他设备-->
		<div id="wrapper">
			<header><img src="img/1a.png"></header>
			<article class="count">
				<form>
					<input type="text" placeholder="请输入用户名" />
					<input type="password" placeholder="请输入密码" />
					<input type="submit" value="登陆" />
				</form>
				<div>
					<span>
						<input type="checkbox"> 记住密码
					</span>
					<span>
						忘记密码
					</span>
				</div>
			</article>
			<footer>
				<ul>
					<li><a href="#"><img src="img/2.png"></a></li>
					<li><a href="#"><img src="img/3.png"</a></li>
					<li><a href="#"><img src="img/4.png"></a></li>
				</ul>
			</footer>
		</div>
	</body>
</html>